<!DOCTYPE html>
<html>
<head>
    <title>setting</title>
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
</head>
<style type="text/css">
    .message {

    }
</style>
<body>
    <h1>设置</h1>
    <hr>
    <button class="start">开始爬取</button>
    <br>
    <span class="message">
        无
    </span>

</body>
</html>
<script type="text/javascript">
    $(function(){
        $('button[class=start]').click(function(){
            // 异步启动开始爬取的方法
            $.ajax({
                type: 'post',
                url : '/spider',
                dataType: 'json',
                data : {url: 'booktxt'},

                success: function(data){
                    if (data['result']) {
                        $('.message').css('display', 'block')
                        $('.message').html('正在爬取')
                    }else{
                        alert('返回错误')
                    }
                },
                error: function(){
                    alert('ajax错误')
                }
            });
        });
    });
</script>